<?php
	
	include_once 'conecta.php';
		$sql = new Persistencia();
		
		
	

?>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />

  <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame 
       Remove this if you use the .htaccess -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

  <title>index</title>
  <meta name="description" content="" />
  <meta name="author" content="lfribeiro" />

  

  <!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
  <link rel="shortcut icon" href="/favicon.ico" />
  <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
  <link rel="stylesheet" href="style.css" type="text/css" />
  <link rel="stylesheet" href="css/relogio.css" type="text/css"/>
  <link rel="stylesheet" href="css/bootstrap.css" type="text/css"/>
  
    
  <script src="js/jquery1.10.2.js" type="text/javascript"> </script>
 
<!-- ------------------------------ Script Relógio -----------------------------------   -->
  
<script type="text/javascript">
			
		$(document).ready(function() {
						// Create two variable with the names of the months and days in an array
						var monthNames = [ "Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro" ]; 
						var dayNames= ["Domingo","Segunda","Terça","Quarta","Quinta","Sexta","Sábado"]
						
						// Create a newDate() object
						var newDate = new Date();
						
						// Extract the current date from Date object
						newDate.setDate(newDate.getDate());
						
						// Output the day, date, month and year   
						$('#Date').html(dayNames[newDate.getDay()] + " " + newDate.getDate() + ' ' + monthNames[newDate.getMonth()] + ' ' + newDate.getFullYear());
						setInterval( function() {
							
							// Create a newDate() object and extract the seconds of the current time on the visitor's
							var seconds = new Date().getSeconds();
							
							// Add a leading zero to seconds value
							$("#sec").html(( seconds < 10 ? "0" : "" ) + seconds);
							},1000);
						setInterval( function() {
							
							// Create a newDate() object and extract the minutes of the current time on the visitor's
							var minutes = new Date().getMinutes();
							
							// Add a leading zero to the minutes value
							$("#min").html(( minutes < 10 ? "0" : "" ) + minutes);
						    },1000);
						setInterval( function() {
							
							// Create a newDate() object and extract the hours of the current time on the visitor's
							var hours = new Date().getHours();
							
							// Add a leading zero to the hours value
							$("#hours").html(( hours < 10 ? "0" : "" ) + hours);
						    }, 1000);	
		});
			
			
</script>
		
<!-- ------------------------------ Fim script -----------------------------------   --> 
 
<!-- ------------------------------ Script Gráfico -----------------------------------   --> 
 
 <!--   <script type="text/javascript">
  window.onload = function () {
    var chart = new CanvasJS.Chart("chartContainer",
    {

      title:{
      text: "",
      },
       axisY:{    
        valueFormatString:  "#.###"
       },
      axisX:{    
        valueFormatString:  "#.###"
       },
      
       data: [
      {
      	markerType: "triangle",  //"circle", "square", "cross", "none"
      	markerColor: "red",//cor do ponto de marcação
        markerBorderColor: "blue", //mudar cor da borda do marcador
        markerSize: 10, //tamanho do marcador
         markerBorderThickness: 1, //espessura da borda do marcador
        
        type: "line",

        dataPoints: [
        
        
       
        { y:  parseInt(document.getElementById('h7').firstChild.nodeValue), label: "07:00" },
        { y:  parseInt(document.getElementById('h8').firstChild.nodeValue), label: "08:00" },
        { y:  parseInt(document.getElementById('h9').firstChild.nodeValue), label: "09:00" },
        { y:  parseInt(document.getElementById('h10').firstChild.nodeValue), label: "10:00" },
        { y:  parseInt(document.getElementById('h11').firstChild.nodeValue), label: "11:00" },
        { y:  parseInt(document.getElementById('h12').firstChild.nodeValue), label: "12:00" },
        { y:  parseInt(document.getElementById('h13').firstChild.nodeValue), label: "13:00" },
        { y:  parseInt(document.getElementById('h14').firstChild.nodeValue), label: "14:00" },
        

        ]
      },


      ]
    });

    chart.render();
    
    
    
    
  }
  
   
    
  
  </script> -->
  
<!-- ------------------------------ Fim script -----------------------------------   -->   
  
  <script type="text/javascript">
  
  window.onload = function () {
  			$("#manual").hide(); // retira elemento
			 $("#cbarras").show();// adiciona elemento
			 $("#textoCBarras").focus();
			  $("#sucesso").hide();
  	
  	
  	
  	
  	

    		
// Esconder lançamento manual no inicio
		jQuery.ajax({
         url: "busca.php", //URL de destino
         dataType: "json", //Tipo de Retorno
         success: function(json){ //Se ocorrer tudo certo
         
         
            
         $('#h1').html(json.soma1);
         $('#h2').html(json.soma2);
         $('#h3').html(json.soma3);
         $('#h4').html(json.soma4);
         $('#h5').html(json.soma5);
         $('#h6').html(json.soma6);
         $('#h7').html(json.soma7);
         $('#h8').html(json.soma8);
         $('#h9').html(json.soma9);
         $('#h10').html(json.soma10);
         $('#h11').html(json.soma11);
         $('#h12').html(json.soma12);
         $('#h13').html(json.soma13);
         $('#h14').html(json.soma14);
         $('#h15').html(json.soma15);
         $('#h16').html(json.soma16);
         $('#h17').html(json.soma17);
         $('#h18').html(json.soma18);
         $('#h19').html(json.soma19);
         $('#h20').html(json.soma20);
         $('#h21').html(json.soma21);
         $('#h22').html(json.soma22);
         $('#h23').html(json.soma23);
         $('#h0').html(json.soma);
         
         var data = new Date();
         
         if(data.getHours() >= 7 && data.getHours() < 14) {
         $('#total').html(json.somaPTurno);
         }
         if(data.getHours() >= 14 && data.getHours() < 22) {
         $('#total').html(json.somaPTurno);
         }
         if(data.getHours() >= 22 && data.getHours() < 7) {
         $('#total').html(json.somaPTurno);
         }
         
         
         
         }
      });
   	
    	}
    	
    	
 // --------------------- fim window.onload ----------------------------
 
 
  
   function menulateral(){
  	
  	document.getElementById("apoio").id="apoioMenu";
  	
  }
  function menulateralS(){
  	
  	document.getElementById("apoioMenu").id="apoio";
  	
  }
  
// 	Verifica qual tipo de lançamento foi escolhido e esconde o que não está sendo usado  
						 
	   function tipoCBarras(){
						 
						 
						 $("#manual").hide();
						 $("#cbarras").show();
						$("#textoCBarras").focus();
										
						 }
						 function tipoManual(){
						 
						 
						 $("#cbarras").hide();
						 $("#manual").show();
						$("#textoManual").focus();
										
						 }
						
 
 // script para percistência no banco de dados com ajax
 
 // --------------------- inicio document ready ----------------------------
  
$(document).ready(function(){
   	
   	
    	
   	
    $('#enviar').click(function(){
    	
    	
 // ####### inicio ajax percistência #######	
        $.ajax({
            
            url : 'index2.php',
            type : 'POST',
            data : 'produto=' + $('#produto').val() + '&selecaoTipo=' + $("input:radio[name=selecaoTipo]:checked").val() + '&textoCBarras=' + $('#textoCBarras').val()
            + '&textoManual=' + $('#textoManual').val(),
            
            success: function(data){
            	
            	 // ####### inicio ajax para atualizar valor na hora ########              
			         jQuery.ajax({
			         url: "busca.php", //URL de destino
			         dataType: "json", //Tipo de Retorno
			         success: function(json){ //Se ocorrer tudo certo
			         
			         
			            
					         $('#h1').html(json.soma1);
					         $('#h2').html(json.soma2);
					         $('#h3').html(json.soma3);
					         $('#h4').html(json.soma4);
					         $('#h5').html(json.soma5);
					         $('#h6').html(json.soma6);
					         $('#h7').html(json.soma7);
					         $('#h8').html(json.soma8);
					         $('#h9').html(json.soma9);
					         $('#h10').html(json.soma10);
					         $('#h11').html(json.soma11);
					         $('#h12').html(json.soma12);
					         $('#h13').html(json.soma13);
					         $('#h14').html(json.soma14);
					         $('#h15').html(json.soma15);
					         $('#h16').html(json.soma16);
					         $('#h17').html(json.soma17);
					         $('#h18').html(json.soma18);
					         $('#h19').html(json.soma19);
					         $('#h20').html(json.soma20);
					         $('#h21').html(json.soma21);
					         $('#h22').html(json.soma22);
					         $('#h23').html(json.soma23);
					         $('#h0').html(json.soma);
					         
					         var data = new Date();
					         
					         if(data.getHours() >= 7 && data.getHours() < 14) {
					         $('#total').html(json.somaPTurno);
					         }
					         if(data.getHours() >= 14 && data.getHours() < 22) {
					         $('#total').html(json.somaPTurno);
					         }
					         if(data.getHours() >= 22 && data.getHours() < 7) {
					         $('#total').html(json.somaPTurno);
					         }
		         
		         
		        			 }
      				});
            }
        }); // ####### fim ajax botão enviar  #######   
        
     
        
        //limpa campo textoCBarras
        document.getElementById("textoCBarras").value ="";
     
	    	 //Adiciona foco no campo
	         $("#textoCBarras").focus();
        
                
		        //aparece mensagem de sucesso de envio 
		        $("#sucesso").show();
        
			        //depois de 5 segundo desaparece a mensagem
			        setTimeout('$("#sucesso").hide()', 5000);
        
             
      }) // --------------------- fim  botão enviar  ----------------------------
        
        
            

 // --------------------- inicio botão enviar2  ----------------------------   
    $('#enviar2').click(function(){
    	
    	
// ###### inicio ajax botão enviar2  #######       	
        $.ajax({
            url : 'index2.php',
            type : 'POST',
            data : 'produto=' + $('#produto').val() + '&selecaoTipo=' + $("input:radio[name=selecaoTipo]:checked").val() + '&textoCBarras=' + $('#textoCBarras').val()
            + '&textoManual=' + $('#textoManual').val(),
            success: function(data){
                
                // ####### inicio ajax para atualizar valor na hora ########              
			         jQuery.ajax({
			         url: "busca.php", //URL de destino
			         dataType: "json", //Tipo de Retorno
			         success: function(json){ //Se ocorrer tudo certo
			         
			         
			            
					         $('#h1').html(json.soma1);
					         $('#h2').html(json.soma2);
					         $('#h3').html(json.soma3);
					         $('#h4').html(json.soma4);
					         $('#h5').html(json.soma5);
					         $('#h6').html(json.soma6);
					         $('#h7').html(json.soma7);
					         $('#h8').html(json.soma8);
					         $('#h9').html(json.soma9);
					         $('#h10').html(json.soma10);
					         $('#h11').html(json.soma11);
					         $('#h12').html(json.soma12);
					         $('#h13').html(json.soma13);
					         $('#h14').html(json.soma14);
					         $('#h15').html(json.soma15);
					         $('#h16').html(json.soma16);
					         $('#h17').html(json.soma17);
					         $('#h18').html(json.soma18);
					         $('#h19').html(json.soma19);
					         $('#h20').html(json.soma20);
					         $('#h21').html(json.soma21);
					         $('#h22').html(json.soma22);
					         $('#h23').html(json.soma23);
					         $('#h0').html(json.soma);
					         var data = new Date();
					         
					         if(data.getHours() >= 7 && data.getHours() < 14) {
					         $('#total').html(json.somaPTurno);
					         }
					         if(data.getHours() >= 14 && data.getHours() < 22) {
					         $('#total').html(json.somaPTurno);
					         }
					         if(data.getHours() >= 22 && data.getHours() < 7) {
					         $('#total').html(json.somaPTurno);
					         }
		         
		         
		        			 }
      				});// ####### fim ajax para atualizar valor na hora ########  
                
                
                
                
                             
            }
            
            
            
            
        });
        
         //limpa campo textoCBarras
		
        document.getElementById("textoManual").value ="";
     
     //Adiciona foco no campo
     
        $("#textoManual").focus();
        
     //adiciona mensagem de sucesso   
         $("#sucesso").show();
         
     //após 5 segundo retira a mesma    
        setTimeout('$("#sucesso").hide()', 5000);
        
    });// ####### fim função botão enviar2 ########  
    
    

	
	
	
	
 
    
    
    
}) // --------------------- fimm document ready ----------------------------



  
   
    

  
  
  
  </script>
  

  
  
</head>

<body>
	
	
<!-- ##################################### Inicio Menu #################################################################  -->	
 <div id="apoioMenu">
 	
 		
 	<div id="apoio" style="display: none">
 		
 		<button class="botaoInt">
 			
 		</button>
 	
 		
 		<h1>VERSÕES SAPÓLIO CREMOSO</h1>
	 		
	 		<ul>
	 			
	 			<a href="#">
	 				
	 				<li>
	 				<div class="liCentral" id="sap1"> ORIGINAL 24/300 ML</div>
	 				</li>
	 			
	 			</a>
	 			
		 			<a href="#">
		 				
			 			<li>
			 				<div class="liCentral">RADIUM CREMOSO LIMAO 24/300 ML </div>
			 			</li>
			 			
			 		</a>
		 		
				 		<a href="#">
			 			
				 			<li>
				 				<div class="liCentral">RADIUM CREMOSO PINHO 24/300 ML </div>
				 			</li>
			 			
			 			</a>
	 			
				 			<a href="#">
				 				
					 			<li>
					 				<div class="liCentral">RADIUM CREMOSO LAVANDA 24/300 ML </div>
					 			</li>
					 		
					 		</a>
	 			
					 			<a href="#">
					 			
						 			<li>
						 				<div class="liCentral">RADIUM CREMOSO BOUQUET 24/300 ML </div> 
						 			</li>
					 			
					 			</a>
	 			
						 			<a href="#">
							 			<li>
							 				<div class="liCentral">CREMOSO ORIGINAL 12/300 ML </div>
							 			</li>
							 		
							 		</a>
	 			
							 			<a href="#">
							 				
								 			<li>
								 				<div class="liCentral">RADIUM CREMOSO LIMAO 12/300 ML </div> 
								 			</li>
							 			
							 			</a>
	 			
								 			<a href="#">
								 				
									 			<li>
									 				<div class="liCentral">RADIUM CREMOSO PINHO 12/300 ML</div>
									 			</li>
								 			
								 			</a>
	 			
									 			<a href="#">
									 			
										 			<li>
										 				<div class="liCentral">RADIUM LIMPA INOX 12/300 ML</div>
										 			</li>
									 			
									 			</a>
									 			
										 			<a href="#">
										 				
											 			<li>
											 				<div class="liCentral">RADIUM CREMOSO CLORO 12/300 ML </div>
											 			</li>
										 			
										 			</a>
	 			
											 			<a href="#">
											 			
												 			<li>
												 				<div class="liCentral">RADIUM CREMOSO BOUQUET 12/300 ML </div>
												 			</li>
											 			
											 			</a>
											 			
												 			<a href="#">
												 				
													 			<li>
													 				<div class="liCentral">RADIUM CREMOSO LAVANDA </div> 
													 			</li>
													 			
												 			</a>
	 			
													 			<a href="#">
													 				
														 			<li>
														 				<div class="liCentral">RADIUM CREMOSO LARANJA 12/300 ML </div> 
														 			</li>
													 			
													 			</a>
	 			
	 		</ul>
 		
 		
 		
 		
 	</div>
 	
	 	<div id="menuEstreito">
	 		
	 		<button class="botao">
	 			
	 		</button>
	 	
	 		
	 	</div>
 	
 	
 </div>
 
	<!-- ****** script menu ******  -->
 	
 		<script>
 
 	
 			$(".botao").click(function(){
 		
 			$("#apoio").show("slow");
 			
 			$("#botao").hide(1000);
 			$("#menuEstreito").hide(1000);
 			
 			}
 							);
 							
 			$(".botaoInt").click(function(){
 			
 			$("#apoio").hide(1000);
 			$("#botao").show("slow");
 			$("#menuEstreito").show("slow");
 			
 			});
 	
 		</script>
 		
<!-- ##################################### Fim Menu #################################################################  -->
 
   <header>
   	
<!-- ##################################### INICIO BLOCO RALIZADO DIA ANTERIOR #################################################################  -->  
 	
   	<div class="coluna1">
   		
   		<h1>
   			REALIZADO DIA ANTERIOR <br/>
   			28/08/2013
   			
   		</h1>
   		
   		<ul>
   			<li>
   				<h1>1º Turno</h1>
   				<p>37.000(cxs)</p>
   				
   			</li>
   			<li>
   				<h1>2º Turno</h1>
   				<p>37.000(cxs)</p>
   			</li>
   			<li>
   				<h1>3º Turno</h1>
   				<p>37.000(cxs)</p>
   			</li>
   			
   			
   			
   		</ul>
   		
   		
   		<h1>Total: 81.000 (CXS)</h1>
   	</div>
   	
<!-- ##################################### FIM BLOCO RALIZADO DIA ANTERIOR #################################################################  --> 


<!-- ##################################### INICIO BLOCO ACOMPANHAMENTO DO DIA #################################################################  -->  
   	
   	<div class="coluna2">
   		
   		<h1 id="titulo">ACOMPANHAMENTO DO DIA </br> ORIGINAL 24/300 ML</h1>
   		
   		<div class="col1">
   			
   			<h1>HORA</h1>
   			<ul>
   				<?php
   				
   				//compara as horas para lançamento de turno
   				if(strtotime("now") >= strtotime("07:00:00") && strtotime("now") < strtotime("14:00:00") ){
   					
   				echo "<li>07:00</li>
   				<li>08:00</li>
   				<li>09:00</li>
   				<li>10:00</li>
   				<li>11:00</li>
   				<li>12:00</li>
   				<li>13:00</li>
   				<li>14:00</li>";
				
				}
				
				if(strtotime("now") >= strtotime("14:00:00") && strtotime("now") < strtotime("22:00:00") ){
   					
   				echo "
   				<li>15:00</li>
   				<li>16:00</li>
   				<li>17:00</li>
   				<li>18:00</li>
   				<li>19:00</li>
   				<li>20:00</li>
   				<li>21:00</li>
   				<li>22:00</li>";
				
				}
				if(strtotime("now") >= strtotime("22:00:00") && strtotime("now") < strtotime("06:00:00") ){
   					
   				echo "
   				<li>15:00</li>
   				<li>16:00</li>
   				<li>17:00</li>
   				<li>18:00</li>
   				<li>19:00</li>
   				<li>20:00</li>
   				<li>21:00</li>
   				<li>22:00</li>";
				
				}
				
				
				
   				 ?> 				
   			</ul>
   			
   			
   			
   		</div>
   		<div class="col2">
   			<h1>PREVISTO</h1>
   			<ul>
   				
   				<?php 
   				
   				$busca = "select * from previsto where data_previsto = curdate() and hora_previsto > '06:00' and hora_previsto < '15:00' and idproduto = 1 ; ";
				$sql->consulta($busca);
   				$const = 1;
   				
   				while ($dados = $sql->resultado()) {
    	
   					
					echo "<li id='prev".$const."'>".$dados['total_previsto']."</li>" ;
					$const++;
   				};
   				
   				
   				
   				?>
   				
   				
   				
   				
   				  				
   			</ul>
   			
   		</div>
   		<div class="col3">
   			
   			
   			
   			<h1>PRODUZIDO</h1>
   			<ul>
   				<?php
   				if(strtotime("now") >= strtotime("07:00:00") && strtotime("now") < strtotime("14:00:00") ){
   					echo'
   				<li id="h7"> </li>
   				<li id="h8"></li>
   				<li id="h9"></li>
   				<li id="h10"></li>
   				<li id="h11"></li>
   				<li id="h12"></li>
   				<li id="h13"></li>
   				<li id="h14"></li>
   				
   				';
				}
				if(strtotime("now") >= strtotime("14:00:00") && strtotime("now") < strtotime("22:00:00") ){
							
				echo'
   				<li id="h15"> </li>
   				<li id="h16"></li>
   				<li id="h17"></li>
   				<li id="h18"></li>
   				<li id="h19"></li>
   				<li id="h20"></li>
   				<li id="h21"></li>
   				<li id="h22"></li>
   				
   				';
				}
				if(strtotime("now") >= strtotime("22:00:00") && strtotime("now") < strtotime("06:00:00") ){
					
					echo'
   				<li id="h23"> </li>
   				<li id="h0"></li>
   				<li id="h1"></li>
   				<li id="h2"></li>
   				<li id="h3"></li>
   				<li id="h4"></li>
   				<li id="h5"></li>
   				<li id="h6"></li>
   				
   				';
					
					
					
				}					
					
   				
   				?>
   				  				
   			</ul>
   			
   		</div>
   		
   		<div class="totais">
   			
   			<div id="tex">
   				
   				<h1>TOTAL:</h1>
   			
   			</div>
   			
   			<div id="prev">
   				
   				<h1 id="totalP">
   					
   				</h1>
   			
   			</div>
   			
   			<div id="prod">
   				
   				<h1 id="total">
   					
   				 </h1>
   				
   				
   			</div>
   			
   			
   			
   		
   		</div>
   		
   		
   		
   		<div class="col4">
   			
   			<!-- <div id="chartContainer" style="height: 300px; width: 100%; position: absolute; top:210px;">
  			
  			</div>
  			 -->
  			 
  			 <div class="sup">
  			 	<div class="clock">
  					<div id="Date">
  				
  					</div>
  					
					  <ul>
					  	
					    <li id="hours">
					    	
					    </li>
					    <li id="point">
					    	:
					    </li>
					    <li id="min">
					    	
					    </li>
					    <li id="point">
					    	:
					   	</li>
					    <li id="sec">
					    	
					    </li>
					    
					  </ul>
				</div>
  			 	
  			 </div>
  			 <script>
						
						 
						 
						 
						 
						 
						 
						
						
						
				</script>
  			 <div class="inf">
                 
<!--    ---------- Formulário de lançamento ------------             -->
				
				
							

                <form class="form-inline" method="post" name="f" id="f">
                    <fieldset>
                        
                       
                        
                        <legend>Tipo de Lançamento</legend>
                            
                        <label class="radio">
                               <input type="radio" name="selecaoTipo" id="codigoBarras" value="cb" onclick="tipoCBarras()" checked="checked"/>
                                    Código de Barras            
                        </label>
                        
                        
                        <label class="radio">
                               <input type="radio" name="selecaoTipo" id="Manual" value="m"  onclick="tipoManual()" />
                                    Manual            
                        </label>
                        
                        <input type="hidden" name="produto" id="produto" value="1" />
                        
                    </fieldset>
                    
                    
                    
				
                 <br />
                 
                
                    
                    <fieldset>
                    	<div id="cbarras">
                            <legend>Código de Barras</legend>
                                <input type="number" placeholder="digite o código de barras" id="textoCBarras" name="textoCBarras" />
                                    <button type="button"" class="btn" id="enviar"> Enviar</button>
                        </div>
                                        
                        
                        <div id="manual">
                        
                            <legend>Manual</legend>
                                <input type="number" placeholder="digite a quantidade " id="textoManual" name="textoManual" />
                                    <button type="button" class="btn" id="enviar2" > Enviar</button>
                    
                    	</div>
                    	</br>
                    	
                    	<div class="alert alert-success" id="sucesso">
                        	Valor inserido com sucesso!!!

						</div>
                    </fieldset>
                </form>
                
 <!--    ---------- Fim Formulário de lançamento ------------             -->
 
            </div>
  			 
  			 
  			 
  			 
   		</div>
   		
   	</div>
   	
 <!-- ##################################### FIM BLOCO ACOMPANHAMENTO DO DIA #################################################################  -->    	
   </header>
   
   
   
   
</body>
</html>
